<template>
    <div class="login-box">
    <div class="tab-box-switch">
        <ul class="switch-ul">
            <li class="tab-active">注册</li>
        </ul>
        <div>
            <el-form size="large" :model="userModel">
                <el-form-item style="margin-top: 24px;">
                    <el-input v-model="userModel.user" placeholder="手机号"/>
                </el-form-item>
                <el-form-item style="margin-top: 24px;">
                    <el-input v-model="userModel.pwd" placeholder="密码"/>
                </el-form-item>
                <el-form-item style="margin-top: 24px;">
                    <el-button type="primary">注 册</el-button>
                    <el-button text @click="$router.push('/login')">登 录</el-button>
                </el-form-item>
            </el-form>

        </div>


    </div>
</div>
</template>
<script setup>
import {reactive} from 'vue'
// 登录模式
const userModel = reactive({
    user: '',
    pwd: '',
})
</script>